/*==============GLOBAL=====================*/
* {margin: 0;padding: 0;border: 0;outline: 0;}
img {margin: 0;  	padding: 0;  	border: 0;  	outline: 0;    	vertical-align: top;	}
button:hover {cursor: pointer;	}
ol, ul { list-style: none;}
html {height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
* html body {height: 100%;}
html > body {min-height: 100%; height: auto;}

body {position: relative; color: #2c1901;	height: 100%; background: #fff; min-width: 980px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; }
table { border-collapse: separate;  border-spacing: 0;}
a {text-decoration: underline; color:#08628c;}	
a:hover {text-decoration: underline; cursor: pointer;}
h1{font-size: 36px; color: #f22f17; }
h2{font-size: 26px; color: #f22f17; font-weight: normal;  }
h3{font-size: 20px; color: #f22f17; font-weight: normal;  }
h4 {font-size: 16px; color: #000; font-weight: bold; }
p {color: #313131; font-size: 12px; }
input {font-size: 1em; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    font-family: Arial, Tahoma, Sans-Serif;
}

.inp_1 input , select { background-color: #fff; border: 1px solid #ccc; 
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
display: inline-block;
height: 30px;
padding: 0 6px;
font-size: 14px;
line-height: 20px;
color: #000;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*line-height: 30px;
*padding: 0px;
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}
.for_inp .inp_1 input[type='checkbox'],.for_inp .inp_1 input[type='radio'] {width: auto;}
.inp_1 input {width: 100%; *width: 99%;}
.inp_1 input.error  {-webkit-box-shadow: 0 0 5px #f00; -moz-box-shadow: 0 0 5px #f00; box-shadow: 0 0 5px #f00; border-color: #fff;}

.but_1 {color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

.but_1 {
background: #ef5240;
background: -moz-linear-gradient(top,  #ef5240 0%, #ef220b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef5240), color-stop(100%,#ef220b));
background: -webkit-linear-gradient(top,  #ef5240 0%,#ef220b 100%);
background: -o-linear-gradient(top,  #ef5240 0%,#ef220b 100%);
background: -ms-linear-gradient(top,  #ef5240 0%,#ef220b 100%);
background: linear-gradient(to bottom,  #ef5240 0%,#ef220b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5240', endColorstr='#ef220b',GradientType=0 );
text-shadow: 0 1px rgba(0,0,0,0.5);
border-radius: 5px;
*background: url("../images/but_bg.png") 0 0 repeat-x;
}

.but_1:hover {text-decoration: none; background: #f00; color: #fff;}
.but_1:visited {color: #fff;}
.but_1.gray  {text-decoration: none; background: #aaaaaa;}
.but_1.callMe {font-size: 13px;}
.clear {clear: both;}
.hcenter {margin: 0 auto; width: 1000px; position: relative; z-index: 1;}
.row {display: inline-block; width: 100%; }
	.row .half {width: 48%; float: left;}
	.row .half:last-child {float: right;}

	.row .third {width: 33%; float: left; }
	.row .third:last-child {float: right;}


.cent {text-align: center; }
.lft {float: left;}
.rgt {float: right;}

.red_bord { border: 5px solid #f22f17; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; width: 1200px; margin: 0px auto;
}
.centerContent {margin-top: 20px; margin-bottom: 20px;}
.red_bord_left {
    background-color: #FFFFFF;
    border: 1px solid #F22F17;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
	float: left;
	display: block;
	margin-bottom: 20px;
	width: 200px;
}

.red_bord_right {
 	background-color: #E7E7E7;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    margin-left: 250px;
    margin-bottom: 20px;
    padding: 15px;

}


.red_bord_right_block {
    background-color: #FFFFFF;
    border: 1px solid #F22F17;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;

    margin-bottom: 20px;
   
}

table.red-table{
	margin-left: 10px;
	border: 0;
	width: 90%;
}

table.red-table td{
	border-bottom:1px dotted #ddd1d1;
}

table.red-table td{
	padding: 2px;
	font-size: 0.9em;
}
table.red-table th{
	padding: 2px;
	font-size: 1em;
	border-bottom:1px dotted #ddd1d1;
	color:#EF2F12;
}

.oms-hint-alert {padding-left: 0;}

.form_head {height: 96px; margin-top: 0; width: 990px; border: 5px solid #f22f17;  background-color: #fff; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; position: fixed; margin-left: -500px; top: 0; left: 50%; z-index: 1000;}

.logo {float: left; background: url('../images/alfabank-logo.png'); width: 192px; height: 58px; margin: 15px 0 0px 20px;}

.topmenu { height: 96px; margin-left: 18px; position: relative; z-index: 1000; float: left;}
	.topmenu .menuItems {position: absolute; z-index: 5; width: 920px;}
	.topmenu .mask {position: absolute; z-index: 4; width: 750px; left: 0; top: 0px; height: 96px;  background: url('../images/topmenu_bg_1.png'); border-radius: 5px;}
	.topmenu .menuHolder {background: #ccc; height: 76px; position: absolute; left:  0px; top: 0px; width: 750px; border-radius: 5px;}
	.topmenu .percent {position: absolute; top: 21px; left: 20px; z-index: 5; width: 44px; height: 45px; background: url('../images/percent_circle.png'); color: #ef2f12; text-align: center;text-shadow: #fff 0 1px 0px; font-weight: bold; font-size: 16px; line-height: 44px;}
	.topmenu .filled {background: #ef2f12; height: 76px; width: 68px; border-radius: 5px; top: 5px; position: absolute;}

	.topmenu a {display: block; width: 84px; float: left; text-align: center; margin-right: 80px; font-size: 12px; text-decoration: none; color: #939393; padding-top: 70px;}
		.topmenu a:hover {color: #444;}

.gray_bg { background-color: #e7e7e7; position: relative; margin-top: 110px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }

/*Choose plan type*/
.choose_card .tit {width: 100%; text-align: center;}
.choose_card .plans { height: 160px; margin: 0 40px; background: #fff; border-radius: 10px; position: relative; margin-top: 40px; margin-bottom: 70px; }
	.choose_card .plans  .cont { padding: 20px;}
.choose_card .plan { width: 240px; text-align: center; }
	.choose_card .plan h4 { margin: 10px 0; padding-top: 15px }
	.choose_card .plan p { line-height: 18px; }
.choose_card .card_pic { width: 339px; height: 229px; background: url('../images/card_bg.png'); display: block; position: absolute; left: 50%; margin-left: -170px; top: -30px;}
.choose_card .radio_group {position: absolute; top: 20px; left: 0px; width: 100%; }
	.choose_card .radio_group input {margin: 0 135px; float: right; }
	.choose_card .radio_group input:first-child {float: left;}

/*inputs*/
.inputs {width: 450px; margin: 0 auto; position: relative; z-index: 1;padding-top: 20px;}
.for_inp {margin-bottom: 10px; min-height: 30px; position: relative; z-index: 1;}
.for_inp label {width: 220px; float: left; line-height: 30px; font-size: 14px;}
.for_inp.inp_checkbox label {float: left; margin-left: 5px; width: 400px; *margin-top: 5px;}
.for_inp label.two-line {line-height: 14px; padding-top: 3px;}
.for_inp label.error {font-size: 12px; position: absolute; top: 0; left: 103%; color: #f00; padding-left: 15px; background: url('../images/red_arrow.png') left center no-repeat; line-height: 16px;}
.for_inp .inp_1  {width: 220px; float: right;}

.for_inp select  {width: 220px; *width: auto;  padding: 0; float: right;  -moz-box-sizing:border-box; behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);}
@-moz-document url-prefix() {
	.for_inp select {
       padding-top: 4px;
    }
}
.for_inp input[type='checkbox']  {float: left;}

.for_inp .double {width: 220px; float: right;}
.for_inp .double span {float: left; display: inline-block; line-height: 30px; font-size: 14px; margin-right: 10px;}
.for_inp .double .inp_1 {float: left; }

.isLogin {display: none;}

div.row.smscode  {width: 100px; float: left; margin-top: 5px; margin-bottom: 5px;}
.smscode .inp_1 {float: left;}

.bot_buts {clear: both; margin-top: 10px; border-top: 1px solid #aaaaaa; padding-top: 10px; overflow: hidden;}
.bot_buts .row  {position: relative; margin-bottom: 20px; clear: both;}
.bot_buts .row .but_1 {margin-top: 5px; }
.bot_buts .row .but_1.gray {position: absolute; bottom: 0; right: 0; }
.bot_buts .fixed_buts {bottom: 10px; right: 10px; position: fixed; padding: 5px 5px 0 5px; background-color: #ffffff;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
box-shadow: 0 0 4px rgba(0,0,0,0.3);}
	.bot_buts .fixed_buts .but_1 {margin-bottom: 5px;}

/*documents*/

.viewDocs, .viewDocs_on { display: inline-block; width: 200px; height: 52px; white-space:nowrap; float: right; }
.viewDocs a  { font-size:14px;  color:#08628c; background: url("../images/i_doc.png") no-repeat right top; padding: 10px 55px 50px 0; text-decoration:none;	 white-space:nowrap; display: inline-block; float: right; margin-right: 15px; }
.viewDocs a:hover { background: url("../images/i_doc_.png") no-repeat right top;}
.viewDocs_on a, .viewDocs_on a:hover{ background: url("../images/i_doc_on.png") no-repeat right top; }

#view_doc { border-bottom:1px dashed #08628c;  }
#doc_block { margin-top: -10px; background: url('../images/line.png') left top repeat-x; background-color: rgb(231, 230, 226); font-size: 14px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px ; border-radius: 0 0 10px 10px ;}
	#doc_block .cont {padding: 20px 40px ;}
	#doc_block h3 {font-weight:bold; font-size:14px; padding:0 0 10px 0; color: #000;}
	#doc_block p {font-size: 14px; margin-bottom: 5px;}

ul.olist {list-style: none;padding:0px; margin: 0 0 0px 15px;}
ul.olist li {text-align:left;background:url("../images/li.png") no-repeat 0px 5px;line-height: 20px;padding: 0 0 0 15px; } 
ul.olist li a {text-decoration:underline;}

ul.olistFooter {list-style: none;padding:0px; margin: 0 0 0px 15px;}
ul.olistFooter li {text-align:left;background:url("../images/li.png") no-repeat 0px 1px;padding-left: 15px;padding-bottom: 5px; } 
ul.olistFooter li a {text-decoration:underline;}

/*footer*/
#footer {margin-top: 20px; background: #f22f17; height: 96px; color: #fff; font-size: 14px; width: 100%; position: static;}

	#footer .txt {padding-top: 24px; width: 285px; float: left;}
	#footer .hotDiv {float: left; width: 690px; margin-left: 25px;}

#footer .hotDiv { margin-top: 5px;}
	#footer .hotDiv .third {  padding: 0 11px; float: left; height: 89px; background: url('../images/foot_sep.png') left top no-repeat;}
	#footer .hotDiv .third:first-child {background: none;}
		#footer .hotDiv .third p { font-size: 15px; color: #ffd1cb; height: auto; margin: 0; padding: 0; line-height: 20px; margin-top: 7px;}
		#footer .hotDiv .third span { font-size: 12px; color: #ffd1cb; padding: 4px 0; display: block;}
		#footer .hotDiv .third .hotLinePhone { font-size: 24px; color: #ffffff; }
		#footer .hotDiv .third .skype_talk { font-size: 18px; color: #ffffff; margin-top: 6px; display: block;}
.third.hotline {width: 170px;}
.third.skype {width: 220px;}
.third.question {width: 230px;}


/*features*/
.bot_features .feature { background-position: left center; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 30px; }
.bot_features span {font-size: 14px; color: #969595; }
.bot_features h4 {font-size: 18px; color: #f22f17; font-weight: normal;}
.bot_features .olist {margin: 0; margin-left: 10px;}
	.bot_features .olist li { margin: 6px 0; line-height: 13px; background-position: 0 0;}
	.bot_features .add_txt  { padding-right: 30px;}



.messageForm {background: #f0f0f0;width: 400px; float: right; margin-right: 40px; padding: 10px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: inline-block; margin-bottom: 10px;}
.messageForm strong {color: #ef2f12;}
.hint { position: absolute; display: none; z-index: 5; width: 180px; margin-top: 1px; margin-left: 5px; padding: 6px 5px 6px 5px; font-size: 11px; color: #222; left: 102%; top: 0px;  padding-left: 10px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
.hint i {position: absolute; left: -9px; top: 5px; background: url('../images/hint_lft1.png'); display: inline-block; width: 9px; height: 11px; }

.fixed_error {width: 300px; height: auto; border-radius: 5px 5px 5px 5px; margin-top: 120px;  position: fixed; background: #ef2f12; right: 0; top: 0; z-index: 5;  border: none; color: #fff; padding-left: 50px;background-image: url("../images/warning.png"); background-repeat: no-repeat; background-position: 10px center;}
.fixed_error h1 {margin-top: 18px; margin-bottom: 18px; color: #fff; font-size: 13px;}

.fixed_message_block {width: 300px;  height: auto;  border-radius: 5px 5px 5px 5px; border: 1px solid #F22F17; margin-top: 220px;  position: fixed;background-color: #FFFFFF;right: 0; top: 0; z-index: 5;  color: #000; padding-left: 50px; background-repeat: no-repeat; background-position: 10px center;}
.fixed_message_block h1 {margin-top: 18px; margin-bottom: 18px; color: #ef2f12; font-size: 13px;}

.formStep2, .formStep3, .formStep4, .formStep5, .formStep6 {display:inline-block;  width: 100%;}
.formStep2 h1 , .formStep3 h1, .formStep4 h1, .formStep5 h1, .formStep6 h1 {display: block; width: 500px; border-bottom: #ddd 1px solid; margin: 10px auto; color: #ef2f12;}

	.subtit {font-size: 18px; color: #ef2f12; font-weight: normal; padding: 20px 0 10px; display: inline-block;}
	
.check_sub {font-size: 10px; }
.for_inp .check_sub label {font-size: 12px; width: 200px;}
.for_inp .inp_1 .check_sub input {width: auto; margin-left: 0; float: left; margin-top: 0; margin-right: 0px; border: 0; padding: 0; background: none;}
.for_inp.inp_checkbox input {margin-top: 10px;}
.radiobuts {margin-top: 5px;}
.radiobuts input {margin-left: 20px;}
.bot_buts .paging {margin-bottom: 20px; text-align: center;}

.for_inp input[type='radio'] {margin-left: 10px; margin-right: 3px;}


#large_spinner {position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; background: url("../images/semiwhite_bg.png") 0 0 repeat; z-index: 2000; opacity: 1 !important;filter:alpha(opacity=100); display: none; }
#large_spinner.large_spinner {opacity: 1;filter:alpha(opacity=100); }
#large_spinnerbox {position: fixed; top: 50%; left: 50%; width: 400px; margin-left: -200px; text-align: center; height: 100%; background: url("../images/loading.gif") center 0 no-repeat; z-index: 2001; margin-top: -50px; padding-top: 80px; color: #ef2f12; font-size: 18px; }





#spinner {position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; background: #666; z-index: 2000; opacity: 0.4;filter:alpha(opacity=40);height: 100%; display: none; }
#spinnerbox {position: fixed; top: 50%; left: 50%; width: 400px; margin-left: -200px; text-align: center; height: 100%; background: url("../images/loading.gif") center 0 no-repeat; z-index: 2001; margin-top: -50px; padding-top: 80px; color: #ef2f12; font-size: 18px; }

#finish {padding-left: 220px; display: inline-block; padding-bottom: 100px; font-size: 20px;}
#finish.ok {background: url("../images/tick.png") 50px -10px no-repeat;margin:0 auto; width: 600px; font-size: 14px; line-height: 20px; text-align: justify;}
#finish.ok h2 { font-size: 14px; line-height: 24px; text-align: justify;}
#finish.ok li { background: url("../images/li.png") no-repeat scroll 0 1px transparent;padding-bottom: 5px; padding-left: 15px;text-align: left;margin-left: 20px;}
#finish.denied {background: url("../images/cross.png") 50px -10px no-repeat;margin-top: 40px; color: #600;margin:0 auto; width: 600px; font-size: 14px; line-height: 20px; text-align: justify;}
#finish.denied h2 { font-size: 14px; line-height: 24px; text-align: justify;}
#finish.denied li { background: url("../images/li.png") no-repeat scroll 0 1px transparent;padding-bottom: 5px; padding-left: 15px;text-align: left;margin-left: 20px;}
#finish span {margin:0 auto; width: 600px; font-size: 14px; line-height: 20px; text-align: justify;}
#finish h1 {margin-left: 0;color: #EF2F12; font-size: 24px;font-weight: normal;line-height: 30px;}


.top_buts {text-align: right; margin-right: 40px; padding: 10px 0;}
.top_buts a {display: inline-block; margin: 0 5px; padding: 4px; background: background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f0f0 1%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f0f0), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f0f0 1%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f0f0 1%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f0f0 1%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f0f0 1%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    border: #aaa 1px solid;; text-shadow: #fff 0 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: #fff 0 1px 0, #fff 0 1px 0 inset; -webkit-box-shadow: #fff 0 1px 0, #fff 0 1px 0 inset; box-shadow: #fff 0 1px 0, #fff 0 1px 0 inset;
    text-decoration: none;
    }
	
	
	
	/*pending_window*/
.pending_window {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  display: none; z-index: 10;}
.pending_window .window { position: absolute; top: 50%; left: 50%; margin-top: -105px; margin-left: -310px; width: 620px; height: 210px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: #ebedee; display: none; }
.pending_window .window > .cont { position: relative; margin: 16px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 10px; background-color: #fff; height: 178px;  }
.pending_window h2 {position: absolute; top: -65px; width: 100%; text-align: center; font-weight: bold; }

.pending_window .feature {padding-left: 160px; padding-top: 20px; padding-bottom: 15px; height: 143px;}
	.pending_window .feature span {font-size: 14px; }
	.pending_window .feature h4 {font-size: 35px; font-weight: normal; color: #f22f17;}
	
.pending_window .loader {position: absolute; top: 50%; left: 50%; z-index: 10; margin-left: -23px; margin-top: -120px; background-color: #ebedee; width: 46px; height: 46px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.pending_window .loader img {margin-top: 7px; margin-left: 7px; }



#pending_1 .feature {background: url('../images/pending_1.jpg') left center no-repeat; padding-left: 310px;}
#pending_2 .feature {background: url('../images/pending_2.jpg') left center no-repeat; padding-left: 230px;}
#pending_3 .feature {background: url('../images/pending_3.jpg') left center no-repeat; padding-left: 220px;}
#pending_4 .feature {background: url('../images/pending_4.jpg') left center no-repeat; padding-left: 280px;}
#pending_5 .feature {background: url('../images/pending_5.jpg') left center no-repeat; padding-left: 210px;}

.yui-ac-content {
	    overflow-x: hidden !important;
	    overflow-y: auto !important;
	    max-height: 150px !important;
	    *height:expression(this.scrollHeight>100?"100px":"auto") !important;
	}
